clickGroup_list_num = 1;
function clickGrouplist() {
    var group_list = document.getElementById("group_list");

    clickGroup_list_num++
    if (clickGroup_list_num == 2) {
        console.log("1");
        group_list.style.display = "block";
    }

    if (clickGroup_list_num == 3) {
        group_list.style.display = "none";
        clickGroup_list_num = 1;
    }
}

function overhoverSpan(t) {
    var span = t.getElementsByTagName("span")[0];
    span.style.borderBottom = "1px solid #333333";
}

function outhoverSpan(t) {
    var span = t.getElementsByTagName("span")[0];
    span.style.borderBottom = "0px solid #333333";
}



var group = 1;
var lang = 1;
$(document).ready(function () {
    $("#group").click(function () {
        group++;
        if (lang == 2) {
            $("#lang_list").slideUp();
            lang = 1;
        }
        $("#group_list").slideToggle("slow");
        if (group == 3) {
            group = 1;
        }
    });
});


$(document).ready(function () {
    $("#lang").click(function () {
        lang++;
        if (group == 2) {
            $("#group_list").slideUp();
            group = 1;
        }
        $("#lang_list").slideToggle("slow");
        if (lang == 3) {
            lang = 1;
        }
    });
});


$(".group_item_jq").mouseenter(function () {
    var yjt = this.childNodes;
    $(yjt[3]).animate({marginLeft:'10px'});
});

$(".group_item_jq").mouseleave(function () {
    var yjt = this.childNodes;
    $(yjt[3]).animate({marginLeft:'5px'});
});

$("#goumai").mouseenter(function (){
    $("#goumai ul").css("display","block");
});

$("#goumai").mouseleave(function (){
    $("#goumai ul").css("display","none");
});


$("#geren").mouseenter(function (){
    $("#geren>.nav-open").css("display","block");
    $("#geren>a").css("borderBottom","2px solid #c7000b");
});

$("#geren").mouseleave(function (){
    $("#geren>.nav-open").css("display","none");
    $("#geren>a").css("borderBottom","0px solid #c7000b");
});

$("#shangyong").mouseenter(function (){
    $("#shangyong>.nav-open").css("display","block");
    $("#shangyong>a").css("borderBottom","2px solid #c7000b");
});

$("#shangyong").mouseleave(function (){
    $("#shangyong>.nav-open").css("display","none");
    $("#shangyong>a").css("borderBottom","0px solid #c7000b");
});

$("#fuwu").mouseenter(function (){
    $("#fuwu>.nav-open").css("display","block");
    $("#fuwu>a").css("borderBottom","2px solid #c7000b");
});

$("#fuwu").mouseleave(function (){
    $("#fuwu>.nav-open").css("display","none");
    $("#fuwu>a").css("borderBottom","0px solid #c7000b");
});

$("#hezuo").mouseenter(function (){
    $("#hezuo>.nav-open").css("display","block");
    $("#hezuo>a").css("borderBottom","2px solid #c7000b");
});

$("#hezuo").mouseleave(function (){
    $("#hezuo>.nav-open").css("display","none");
    $("#hezuo>a").css("borderBottom","0px solid #c7000b");
});

$("#guanyu").mouseenter(function (){
    $("#guanyu>.nav-open").css("display","block");
    $("#guanyu>a").css("borderBottom","2px solid #c7000b");
});

$("#guanyu").mouseleave(function (){
    $("#guanyu>.nav-open").css("display","none");
    $("#guanyu>a").css("borderBottom","0px solid #c7000b");
});



$(".new-font-box .row li>a").mouseenter(function (){
    var yjt = this.childNodes;
    $(yjt[3]).css("textDecoration","underline");
});

$(".new-font-box .row li>a").mouseleave(function (){
    var yjt = this.childNodes;
    $(yjt[3]).css("textDecoration","none");
});


$(".nav-open-other .row>div>a").mouseenter(function (){
    var yjt = this.childNodes;
    $(yjt[5]).css("display","block");
});

$(".nav-open-other .row>div>a").mouseleave(function (){
    var yjt = this.childNodes;
    $(yjt[5]).css("display","none");
});


$(".commdity-container").mouseenter(function() {
    $(this).children(".commdity-container img").animate({
        height: "103%",
        width: "103%",
        boxShadow: '0px -60px  80px #61ce51 inset'
    }, 200)
    $(this).children(".crad_bottom").animate({
        "bottom": 0,
    }, 200);
});

$(".commdity-container").mouseleave(function() {
    $(this).children(".commdity-container img").animate({
        height: "100%",
        width: "100%",
        boxShadow: 'none'
    }, 200)
    $(this).children(".crad_bottom").animate({
        "bottom": '-40px',
    }, 200);
});